//购物车为空
.empty {
	height: 16em;
	text-align: center;
	padding: 10em 1em 0px;
	p{
		font-size: 0.8em;
	}
	.title {
		padding-top: 0.2em;
		line-height:0.8em;
		span {
			color: #888;
			font-size:1.2em;
		}
	}
	.icon-sc {
		height: 6.5em;
		width: 6.5em;
		display: inline-block;
		background: transparent url("../images/empty_shopping.png?1") no-repeat scroll 0px 0px;
		background-size: 100% 100%;
	}
}
.btn.btn-large {
    font-size: 14px;
    padding: 8px 70px;
}
.btn {
    padding: 5px 45px;
    font-size: 12px;
    line-height: 19px;
    color: #fff;
    background-color: #ee7f31;
    border: solid 1px #ee7f31;
    cursor: pointer;
    outline: none;
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    text-align: center;
}
.cart{
	margin: 0 auto;
	
	
	.action-fixed {
		height: 7.2em;
		width:100%;
		.system-action {
			padding: 0px 1.2em 1.98em;
			display: flex;
			bottom: 0px;
			left: 0px;
			right: 0px;
			text-align: center;
		}
	}
	
	.list{
		padding:.6rem 0 .8rem 0;
		background-color: #fff;
		border-bottom: 1px solid #f5f5f5;
		.items {
			text-align: left;
			margin-left: .5rem;
			position:relative;
			&.checkin{
				margin-left: 2.86rem;
			}
			.check {
				height: 1.42rem;
				width: 1.42rem;
				margin-left: -2rem;
				margin-top: 1rem;
				display: block;
				position: absolute;
				display: none;
			}
			.c_item {
				
				.cell3 {
					width: auto;
					position: static;
					background: rgba(255,255,255,1);
					text-align: left;
					margin: .2rem 0 .6rem 0;
					height: .8rem;
					font-size: .8rem;
					line-height: 1;
					.shp-cart-item-price {
						color: #BFBFBF;
						i{
							font-style: normal;
							color: #ee7f31;
						}
					}
				}
				.cell1 {
					width: 6.42rem;
					height: 6.42rem;
					display: block;
					float: left;
					.cart-photo-thumb {
						max-width:5.8rem;
						max-height:5.8rem;
						margin-top: .2rem;
					}
				}
				.cell2 {
					padding: .3rem 1.14rem 0 6.5rem;
					width: 100%;
					min-height: 3rem;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					-o-box-sizing: border-box;
					-ms-box-sizing: border-box;
					box-sizing: border-box;
					.title {
						font-size: .9rem;
						line-height: 1.8em;
						
						color: #666;
						vertical-align: top;
						height: 1.8rem;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
						span{
							color: #ee7f31;
							line-height: 1rem;
							padding:.1rem .2rem;
							font-size: .8rem;
							border:1px solid #ee7f31;
							border-radius: .3rem;
						}
						a {
							color: #646464;
							
						}
					}
					
				}
				.buycount{
					.ctrl {
						width: 2rem;
						height: 2rem;
						.horizontal {
							width: .86rem;
							height: .14rem;
							top: 50%;
							margin-top: -.07rem;
							left: .5rem;
						}
						.vertical {
							width: .14rem;
							height: .86rem;
							top: 50%;
							margin-top: -.43rem;
							left: .86rem;
						}
					}
					input {
						width: 3.56rem;
						height: 2rem;
						line-height: 2rem;

					}
					@-webkit-keyframes cart-num {
						0% {
							-webkit-transform:scale(1);
						}
						50% {
							-webkit-transform:scale(1.5);
						}
						100% {
							-webkit-transform:scale(1);
						}
					}
					@keyframes cart-num {
						0% {
							transform:scale(1);
						}
						50% {
							transform:scale(1.5);
						}
						100% {
							transform:scale(1);
						}
					}
				
					.tobig{
						-webkit-animation: cart-num .5s ease both;
    					animation: cart-num .5s ease both;
						
					}
					.numtxt{
						display: inline-block;
						font-size: .9rem;
						color: #bfbfbf;
						margin-left: .8rem;
						line-height: 2rem;
					}
				}
			}
		}
		.wastebin {
		    display: inline-block;
		    width: 1.43rem;
		    height: 1.43rem;
		    position: absolute;
		    right: 0;
		    margin-right: 10px;
		    display: none;
		    cursor: pointer;
		    background: url(../images/delete.png)no-repeat center center;
		    background-size: 100% auto;
		}
	} 
	
	//底部工具条
	.payment-total-bar-new {
		-webkit-tap-highlight-color: rgba(255,255,255,0);
		background-color: #fff;
		width: 100%;
		overflow: hidden;
		position: fixed;
		bottom: 3.5rem;
		bottom:e("-moz-calc(3.6rem - 1px)");
		bottom:e("-webkit-calc(3.6rem - 1px)");
		bottom:e("calc(3.6rem - 1px)");
		line-height: 1.5em;
		left: 0;
		border-top: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
		
	}
	.autonew{
		display: block;
		float: none!important;
		line-height: 2.4rem;
		max-width: 720px;
		margin:0 auto;
		border-bottom: 1px solid #f5f5f5;
		&.colorshp{
			border-bottom: 0;
		}
	}
	.shpbox{
		padding:1rem 0;
		position: relative;
		max-width: 720px;
		margin:0 auto;
	}
	.shp-chk-new {
		float: left;
		text-align: center;
		overflow: hidden;
		padding-top: 0px;
		padding-left: .8rem;
		.cart-checkbox {
			display: table-cell!important;
		}
		i{
			display: block;
			float: right;
			width: 2rem;
			height: 2.4rem;
			background: url(../images/confirm_more.png)no-repeat center center;
			background-size: 1.2rem auto;
			cursor: pointer;
		}
		.cart-checkbox-text {
			opacity: .8;
			display: table-cell;
			vertical-align: middle;
			padding-left: .4rem;
			height: 1.2rem;
			font-size: .9rem!important;
		}
	}
	.all{
		display: none;
	}
	.shp-cart-info {
		display: block;
		float: left;
		min-width: 200px;
		margin-left: 11px;
		font-size:.9rem;
		.shp-cart-total{
			
			font-weight: normal;
			display: block;
			span {
				color: #ee7f31!important;
				margin-top: 7px!important;
			}
		}
		.sale-off-new {
			padding-top: 5px;
			display: inline-block;
			color: #fff!important;
			opacity: .8;
		}
	}
	.btn-right-block-new {
		width: 5.6rem!important;
		background-color: #ee7f31!important;
		font-size: 1rem!important;
		display: block;
		padding:.5rem .2rem;
		text-align: center;
		margin-right: .8rem;
		border-radius: 1.2rem;
		color: #fff;
		position: absolute;
		top: 50%;
		margin-top: -1.2rem;
		right: .8rem;
		font-weight: normal;
		position: absolute;
		right: 0;
		span {
			font-size: .9rem;
		}
	}
	//checkbox
	.cart-checkbox {
		width: 1.2rem;
		height: 1.2rem;
		display: block;
		margin: 0px auto;
		background: url("../images/5.png") no-repeat center center;
		background-size:100% auto;
	}
	input[type="checkbox"] {
		/*visibility: hidden;*/
		display: none;
		&:checked + label {
			background-image:url("../images/6.png");
		}
	}
}
.comfirm{
	text-align: center;

	h3{
		font-size: 1rem;
		line-height: 5rem;
	}
	p{
		color: #999;
		font-size: .9rem;
		padding:0 1rem;
	}
	.sure{
		color: #ee7f31;
		display: block;
		font-size: 1rem;
		line-height: 3.6rem;
		margin-top: 1.6rem;
		border-top: 1px solid #f5f5f5;
	}
}
.buycount {
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	font-size: 100%;
	vertical-align: baseline;
	.buycount-ctrl {
		float: left;
		border:1px solid #DEDEDE;
		border-radius: .3rem;
		.ctrl {
			display: inline-block;
			position: relative;
			vertical-align: middle;
			background: none repeat scroll 0% 0%;
			&.minus{

				border-right: 1px solid #DEDEDE;
			}
			&.plus{

				border-left: 1px solid #DEDEDE;
			}
			span {
				position: absolute;
				display: block;
				background-color:#666;
				cursor: pointer;
			}
			&.disabled {
				/*border-color: #EAEAEA;*/
				cursor: default;
				span {
					background: none repeat scroll 0% 0% #DEDEDE;
				}
			}
		}
		input {
			display: inline-block;
			padding:0px;
			border:none;
			border-left: none;
			border-right: none;
			color: #000;
			font-size: .9rem;
			text-align: center;
			vertical-align: middle;
			margin: 0px -.3rem;
			outline: none;
			background: transparent;
			border-radius:0;
		}
	}
}
//结算
.paylist{
	margin-top: 0;
	li{
		padding:.8rem!important;
		border-bottom: 1px solid #f5f5f5;
	}
	.deps{
		padding-right: 3.4rem!important;
		img{
			width: 2.2rem;
			height: 2.2rem;
			margin-top: -1.1rem;
			border-radius: 0;
		}
	}
	.num{
		padding-right: 0!important;
		background: none!important;
		color: #333!important;
	}
	p{
		color: #333!important;
	}
	.max{
		max-height: 8.9rem;
		overflow: hidden;

	}
	.ud{
		line-height: 3rem;
		color: #999;
		font-size: .8rem;
		text-align: center;
		border-bottom: 1px solid #f5f5f5;
		position: relative;
		cursor: pointer;
		&.slide{
			&:before{
				content:'';
				position: absolute;
				width: 100%;
				height: 3rem;
				top:-3rem;
				left: 0;
				background-image: -webkit-linear-gradient(top, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 1) 100%);
			    background-image: -moz-linear-gradient(top, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 1) 100%);
			    background-image: -o-linear-gradient(top, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 1) 100%);
			    background-image: linear-gradient(top, rgba(255,255, 255, 0) 0%, rgba(255,255, 255, 1) 100%);
			}
		}
		span{
			i{
				font-style: normal;
			}
			img{
				width: .8rem;
				display: inline-block;
				margin-right: .5rem;
			}
			.rotate{
				transform: rotate(180deg);
				-ms-transform: rotate(180deg);		/* IE 9 */
				-webkit-transform: rotate(180deg);	/* Safari and Chrome */
				-o-transform: rotate(180deg);		/* Opera */
				-moz-transform: rotate(180deg);	
			}
		}
	}
	.total{
		line-height: 3rem;
		color: #333;
		text-align: right;
		font-size: .8rem;
		padding-right: 1rem;
		i{
			color: #ee7f31;
			font-style: normal;
		}
		span{
			&:first-child{
				margin-right:1rem;
			}
		}
	}

}
.paytype{
	margin-top: 1rem;
	background-color: #fff;
	li{
		padding:.4rem 1rem;
		border-bottom: 1px solid #f5f5f5;
		font-size: .9rem;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		position: relative;
		img{
			height: 2.6rem;
			float: left;
		}
		>p{
			line-height: 2rem;
			i{
				width: 1.2rem;
				height: 2rem;
				line-height:2rem;
				display: block;
				float: left;
				margin-right: .3rem;
				&.ff{
					background: url(../images/pay_icon_balance_normal.png) no-repeat center center;
					background-size: 100% auto;
				}
				&.yue{
					background: url(../images/pay_icon_points_normal.png) no-repeat center center;
					background-size: 100% auto;
				}
				&.wxp{
					background: url(../images/icon_pay_weixin.png?2) no-repeat center center;
					background-size: 100% auto;
				}
			}
			span{
				margin-left: .8rem;
			}
		}
		i{
			color: #ee7f31;
			font-style: normal;
		}
		&:last-child{
			border-bottom:none;
		}
		&.r_disabled{
			>p{
				color: #999;

			}
			.ff{
				background-image: url(../images/pay_icon_balance_disable.png) no-repeat center center;
				background-size: 100% auto;
			}
			.yue{
				background: url(../images/pay_icon_points_disable.png) no-repeat center center;
				background-size: 100% auto;
				
			}
		}
		.checkbox{
			float: right;
			line-height: 2rem;
			label{
				width: 1.4rem;
			    height: 1.4rem;
			    display: block;
			    background: url("../images/5.png") no-repeat center center;
			    background-size: 90% auto;
			    position: absolute;
			    top: 50%;
			    margin-top: -.6rem;
			    right: 1rem;
			}
			input{
				display: none;
			}
			input[type="radio"]:checked+label {
			    background-image: url("../images/6.png");
			}
		}
	}
	&.r_pay{
		li>label{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			div{
				display: none;
			}
		}
	}
}
.paybtn{
	
	background-color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0;
	padding:.8rem 1rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	&.colorbtn{
		padding-top: 0!important;
	}
	a{
		display: block;
		max-width: 720px;
	    height: 3rem;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	    margin: 0 auto;
	    line-height: 3rem;
	    font-size: 1rem;
	    border-radius: 1.5rem;
	    background-color: #fc8200;
	    color: #fff;
	    text-align: center;
	}
}
//充值
.recharge{
	margin-bottom: -3rem;
	.tabtips{
		.tips{
			
			span{
				line-height: 1.4rem;
				color:#666;
				font-size: .8rem;
				display: block;
				padding:1rem .6rem;
				a{
					color: #80CBFC;
					display: inline-block;
				}
			}
			ul{
				padding:0 .6rem;
			}
			li{
				width: 32%;
				margin-right: 2%;
				float: left;
				background-color: #fff;
				line-height: 2.4rem;
				text-align: center;
				margin-bottom: 1.2rem;
				border-radius: .3rem;
				position: relative;
				font-size: 1rem;
				border:2px solid transparent;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				cursor: pointer;
				&:nth-child(3n){
					margin-right:0;
				}
				input[type=text]{
					width: 90%;
					border:0;
					text-align: center;
					color: #ff6666;
					font-size: 1rem;
					cursor: pointer;
				}
				&.selected{
					border:2px solid #ff6666;
					&:after{
						content:'';
						display: block;
					    width: 1.28rem;
					    height: 1.28rem;
					    position: absolute;
					    right: -1px;
					    bottom:-1px;
					    z-index: 5;
					    background: url(../images/member-cion_02.png) no-repeat center top;
					    background-size: 100% auto;
					}
				}

			}

		}
		.paybtn{
			position: static!important;
			background-color: transparent!important;
			width: 80%!important;
			margin:0 auto;
		}
		.warn{
			padding:1rem;
			p{
				color: #999;
				font-size: .9rem;
				line-height: 1.4rem;
			}
		}
		.re_wrapper{
			width:100%;
		}
		.chargebox{
			background-color: #fff;
			margin-bottom: 1rem;
			position: relative;
			span{
				position: absolute;
			    top: 0;
			    display: block;
			    line-height:3.4rem;
			    color: #666666;
			    font-size: 1rem;
			    padding:0 .5rem;
			}
			input{
				display: inline-block;
			    width: 100%;
			    height: 3.4rem;
			    padding: 0 .4rem;
			    color: #333;
			    font-size: .9rem;
			    -moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			    padding-left: 6rem;
			    border:0;
			}
		}
	}
}